<template>
    <div>
  <el-breadcrumb separator="/" replace=true>
  <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
  <el-breadcrumb-item :to="{ path: '/sku' }">商品规格</el-breadcrumb-item>

</el-breadcrumb>
 <el-button plain>添加</el-button>
 <el-table
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="date"
      label="用户编号"
      width="180">
    </el-table-column>
    <el-table-column
      prop="name"
      label="昵称"
      width="180">
    </el-table-column>
   <el-table-column
      prop="phone"
      label="手机号"
      width="180">
    </el-table-column>
   <el-table-column

      label="状态">
 <el-button plain size="mini" type="success">启用</el-button>

    </el-table-column>
        <el-table-column
      label="操作">
 <el-button plain  size="mini"  type="primary">编辑</el-button>

    </el-table-column>

  </el-table>

    </div>
</template>

<script>
export default {
  // 菜单管理
  data () {
    return {
      tableData: [{
        date: '1',
        name: '123123',
        phone: '123123123'

      }]
    }
  }
}
</script>

<style scoped>
.el-button{
  margin-top: 20px;
  /* border: 1px solid #b3d8ff;
  background-color: #ecf5ff;
  color: #409eff; */
}
</style>
